﻿*{
    font-style:normal;
    font-family:Verdana,Arial;
    margin:auto;
    font-size: 12px;

    /*font-size:12px;
    background-color:#FFF;*/
}

body{

    background-image: linear-gradient(bottom, #FFFFFF 0%, #E1FFD9 56%);
    background-image: -o-linear-gradient(bottom, #FFFFFF 0%, #E1FFD9 56%);
    background-image: -moz-linear-gradient(bottom, #FFFFFF 0%, #E1FFD9 56%);
    background-image: -webkit-linear-gradient(bottom, #FFFFFF 0%, #E1FFD9 56%);
    background-image: -ms-linear-gradient(bottom, #FFFFFF 0%, #E1FFD9 56%);

    background-image: -webkit-gradient(
        linear,
        left bottom,
        left top,
        color-stop(0, #FFFFFF),
        color-stop(0.56, #E1FFD9));
    background-repeat:no-repeat;
}

img{
    cursor:pointer;
}

.cursorMano{
    cursor:pointer;
}

.tamanoCampos{
    width:140px;
}

.derecha{
    /*margin-top:10px;*/
    float:right;
    width:50%;
}

.izquierda{
    float:left;
    width:50%;
}

#img{
    /*position:absolute;*/
    margin-left:230px;
    margin-top:0px;
}

.imgprincipal{
    margin-top: 65px;
    text-align: center;
}

.imgprincipal tr td {
    margin-top: 10%; 
}
.imgInicioAjax{
    margin-top: 65px;
}
#pagina {
    /*margin:auto;*/
    width:1024px;
    /*float:auto;*/
    background-color:#FFF;
    box-shadow: rgba(0,0,0,0.6) 0px 5px 20px;
}

a {
    /*text-decoration:none;*/
    color:#000;
    text-decoration:none;
}

a:visited {
    text-decoration:none;
    color:#CCC;
}

a:hover {
    text-decoration:underline;
    color:#999;
}

a:active {
    color:#ccc;
}

header{
    text-align:center;
    /*background-image:url(images/LogoSAVING.png)*/
    background-color:#060;
    border-bottom-right-radius: 400px;
    border-bottom-left-radius: 400px;
}

#cuerpo{
    position:relative;
    height:485px;
    /*margin:auto;*/
}

/*////////////////////////////////Cuerpo login (Index)///////////////////////////////////////*/	

.tcuerpo{
    padding:30px 30px 30px 30px;
    margin:auto;
    border:solid 1px;
    border-color:#060;
    position:absolute;
    border-radius: 20px;
    margin-left:90px;
    margin-top:150px;
}
/* //////////////////////////////////// Div contiene todas las paginas ////////////////////////*/
.contder{
    position:relative;
    float:right;
    margin-top:5px;
    margin-right:30px;
    width:75%;
    height: 440px;
    border: 2px solid;
    border-color:#093;
    border-radius:15px;
    z-index:2;
}
/*////////////////////////////////////////Botones Laterales ////////////////////////////////////*/

.menulateral{
    float:left;
    /*/height:300px;
    background-color:#CCC;*/
    margin-top:90px;
    margin-left:40px;
    box-shadow: rgba(0,0,0,0.5) 0px 2px 5px;
    position:relative;
    border-top-left-radius: 4px;
    border-top-right-radius: 4px;
    border-bottom-left-radius: 4px;
    border-bottom-right-radius: 4px;
    z-index:3;
}
/* //////////////////////////////////////////////// Pie de pagina ///////////////////////////////////////*/

.piepagina .tpie{
    position:relative;
    color:#FFF;
    font-size:10px;
    /*background-color:#060;*/
    text-align:center;
    margin-left:310px;

}

.piepagina{
    position:relative;
    margin-top:2%;
    background-color:#060;
    /*border-bottom-right-radius: 20px;
    border-bottom-left-radius: 20px;*/	
}

.foot{
    background: url(../Images/Andesmini.png);
    background-repeat: no-repeat;
    width: 59px;
    height: 39px;
    margin-left:230px;
    margin-top:0px;
}
.cuenta{
    position:relative;
    float:right;
    font-size:11px;
    margin-top:1%;
    margin-right:8%;
    z-index:20;
}
.cuenta table tr td {

    padding: 0px 5px 0px 5px;
}
.cuenta table tr td a{
    color:#3C0;
    text-decoration:none;
}
.cuenta table tr td a:hover{
    color:#390;
    text-decoration:underline;
}

.cuenta table tr td a:visited{
    color:#390;
}
.infoer{
    color:#F00;
    position:relative;
    margin-top:330px;
    font-size:12px;

}
.banner{
    background: url(../Images/LogoSAVINGb.png);
    background-repeat: no-repeat;
    /*position:fixed;*/
    width: 401px;
    height: 110px;
}

/*input {
        border-radius:5px;
        margin-top:5px;
}**/

#datos {
    text-align:center;

}
.fileset{
    margin-top:5px;
    border-radius:10px;
    text-align:left;
}
.filesetconsulcliente{
    margin-top:25px;
    border-radius:10px;
    text-align:left;
}
.tablacambiarpass{
    margin-top:10px;
}
.tablacambiarpass tr:last-child{
    text-align:center;
}
/*/////////////////////////////////////////div's modal ////////////////////////////////*/
/*/	/modal cambio contraseña /						 /*/

#fondopass{
    visibility:hidden;
    top:30px;
    height:0px;
    position:absolute;
    background:url(../Images/fondo-modal.png);
    -moz-border-radius:10px 10px 10px 10px;
    z-index:1000;
}

/*/	/modal ventas productos /						 /*/

#fondoventas{
    visibility:hidden;
    top:30px;
    height:0px;
    position:absolute;
    background:url(../Images/fondo-modal.png);
    -moz-border-radius:10px 10px 10px 10px;
    z-index:1000;
}

/*/						/modal cliente (registro y consulta) /				 /*/

#fondocliente{
    visibility:hidden;
    top:30px;
    height:0px;
    position:absolute;
    background:url(../Images/fondo-modal.png);
    -moz-border-radius:10px 10px 10px 10px;
    z-index:1000;
}

/*/							/modal cerrar ventanas /						 /*/

.cerrar{
    position:relative;
    float:right;
    margin-right:10px;
    z-index:1111111111;
    color:#FFF;
    display:block;
    border-radius:40px;
    background-color:#F00;
    cursor: pointer;
}

/*/////////////////////////////////////////div's 2 modal  /////////////////////////////*/
/*/							/modal cambio contraseña /						 /*/

#frmconsultapass{
    width:600px;
    text-align:center;
    height:auto;
    background:#FFFFFF;
    padding:10px;
    margin-top:150px;
    -moz-border-radius:15px 15px 15px 15px;
    -webkit-border-radius: 15px 15px 15px 15px;
    border:solid #999999 5px;
    z-index:1011;
    position:absolute;
    border-right: 7px solid  #090;
    border-left: 7px solid #090;
    border-bottom: 7px solid #090;
    border-top:7px solid  #090;
}

/*/							/modal ventas productos /						 /*/

#frmconsultaventa{
    width:600px;
    text-align:center;
    height:auto;
    background:#FFFFFF;
    padding:10px;
    margin-top:150px;
    -moz-border-radius:15px 15px 15px 15px;
    -webkit-border-radius: 15px 15px 15px 15px;
    border:solid #999999 5px;
    z-index:1011;
    position:absolute;
    border-right: 7px solid  #090;
    border-left: 7px solid #090;
    border-bottom: 7px solid #090;
    border-top:7px solid  #090;
}

/*/						/modal cliente (registro y consulta) /				 /*/

#frmconsulcliente{
    width:750px;
    text-align:center;
    height:auto;
    background:#FFFFFF;
    padding:10px;
    margin-top:55px;
    -moz-border-radius:15px 15px 15px 15px;
    -webkit-border-radius: 15px 15px 15px 15px;
    border:solid #999999 5px;
    z-index:1011;
    position:absolute;
    border-right: 7px solid  #090;
    border-left: 7px solid #090;
    border-bottom: 7px solid #090;
    border-top:7px solid  #090;
}

/*//////////////////////////////// tamaño de los campos numericos ventas ////////////////////////*/

.campnumeros{
    width:50px;
    margin-left:30px;
}

/*//////////////////////////////// productos scrollbar /////////////////////////////////////////*/

#productos{ 
    width:700px; 
    height:220px;  
    overflow:auto; 
    overflow-x:hidden; 
    border:1px solid #f2f2f2; 
}
/*/////////////////////////////////Formulario Ventas (Factura)/////////////////////////////////////////////*/

.divformventa{
    margin:1%;
    border-radius: 10px 10px 10px 10px;
    -moz-border-radius: 10px 10px 10px 10px;
    -webkit-border-radius: 10px 10px 10px 10px;


}
.tablafomrventa{
    padding-top:10px;
}
#tablamodificar{
    width:650px;

    text-align:center;
}
#tablamodificar tr td{
    height:5px;
}
/*//////////////////////////////////////////////////* CAMPOS DE TEXTOS*/ 

input[type=text] { 
    border: 1px solid #CCC; 
    background-color: #FFF; 
    color: #000000; 
    font-color: #000000; 
    font-size: 12px; 
    font-family: Arial; 
    overflow: scroll; 
    height: 18px;
    width: 150px;

    -webkit-box-shadow: inset 8px 8px 14px -11px rgba(0,0,0,0.62);
    -moz-box-shadow: inset 8px 8px 14px -11px rgba(0,0,0,0.62);
    box-shadow: inset 8px 8px 14px -11px rgba(0,0,0,0.62);
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
}

input[type=text]:focus {

    border: 1px solid #CCC; 
    background-color: #ffffff; 
    color: #000000; 
    font-color: #000000; 
    font-size: 12px; 
    font-family: Arial; 
    overflow: auto; 
    height: 18px;
    width: 150px;
    padding-left: 2px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
}
input[type=password] { 
    border: 1px solid #CCC; 
    background-color: #FFF; 
    color: #000000; 
    font-color: #000000; 
    font-size: 12px; 
    font-family: Arial; 
    overflow: scroll; 
    height: 18px;
    width: 150px;

    -webkit-box-shadow: inset 8px 8px 14px -11px rgba(0,0,0,0.62);
    -moz-box-shadow: inset 8px 8px 14px -11px rgba(0,0,0,0.62);
    box-shadow: inset 8px 8px 14px -11px rgba(0,0,0,0.62);
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
}

input[type=password]:focus {

    border: 1px solid #CCC; 
    background-color: #ffffff; 
    color: #000000; 
    font-color: #000000; 
    font-size: 12px; 
    font-family: Arial; 
    overflow: auto; 
    height: 18px;
    width: 150px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
}
input[type=email] { 
    border: 1px solid #CCC; 
    background-color: #FFF; 
    color: #000000; 
    font-color: #000000; 
    font-size: 12px; 
    font-family: Arial; 
    overflow: scroll; 
    height: 18px;
    width: 150px;

    -webkit-box-shadow: inset 8px 8px 14px -11px rgba(0,0,0,0.62);
    -moz-box-shadow: inset 8px 8px 14px -11px rgba(0,0,0,0.62);
    box-shadow: inset 8px 8px 14px -11px rgba(0,0,0,0.62);
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
}

input[type=email]:focus {

    border: 1px solid #CCC; 
    background-color: #ffffff; 
    color: #000000; 
    font-color: #000000; 
    font-size: 12px; 
    font-family: Arial; 
    overflow: auto; 
    height: 18px;
    width: 150px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
}
/*/////////////////////////////ORGANIZACION PARA FACTURA BOTON ENVIAR Y EL CAMPO DE TOTAL*/
.enviarFact{
    margin-left:320px; 
}
.totalPrec {
    margin-left: 50px;

}
/*////////////////////////////////////MODIFICACIONES EN CLIENTE (REGISTRO)///////////////*/
.titulos{
    float: left;
    text-align: center;
    display: block;
    width: 400px;
    margin-bottom: 20px;
    margin-left: 20px;
    margin-top: 30px;
    border-radius: 5px;
}
.titulos1{
    text-align: center;
    display: block;
    width: 400px;
    margin-bottom: 20px;
    margin-left: 170px;
    margin-top: 30px;
    border-radius: 5px;
}
.titulosProductos{
    float: left;
    text-align: center;
    display: block;
    width: 400px;
    margin-bottom: 20px;
    margin-left: 20px;
    margin-top: 10px;
    border-radius: 5px;
}
.titulosAvicola{
    float: left;
    text-align: center;
    display: block;
    width: 400px;
    margin-bottom: 20px;
    margin-left: 20px;
    margin-top: 30px;
    border-radius: 5px;
}
.titulosCunicola{
    float: left;
    text-align: center;
    display: block;
    width: 400px;
    margin-bottom: 20px;
    margin-left: 20px;
    margin-top: 80px;
    border-radius: 5px;
}
.titulosSalsamentaria{
    float: left;
    text-align: center;
    display: block;
    width: 400px;
    margin-bottom: 20px;
    margin-left: 20px;
    margin-top: 70px;
    border-radius: 5px;
}
/*//////////////////REGISTROS GENERALES///////////////*/
.Reg tr td{
    height: 40px;
}
/*//////////////////IMAGENES REGISTROS///////////////*/
.imagenCliente{
    position: absolute;
    margin-left: 400px;
    margin-top: 30px;
    float: right;
}
.imagenUsuario{
    position: absolute;
    margin-left: 380px;
    margin-top: 50px;
    float: right;
}
.imagenProductos{
    position: absolute;
    margin-left: 450px;
    margin-top: 80px;
    float: right;
}
.imagenAvicola{
    position: absolute;
    margin-left: 405px;
    margin-top: 60px;
    float: right;
}
.imagenCaprina{
    position: absolute;
    margin-left: 405px;
    margin-top: 30px;
    float: right;

}
.imagenCaprina img{
    border-radius: 10px;

}
.imagenPorcicola {
    position: absolute;
    margin-left: 405px;
    margin-top: 30px;
    float: right;
}
.imagenPorcicola img{
    border-radius: 10px;

}
.imagenCunicola{
    position: absolute;
    margin-left: 405px;
    margin-top: 30px;
    float: right;
}

.imagenCunicola img{
    border-radius: 10px;
}
.imagenSalsamentaria{
    position: absolute;
    margin-left: 380px;
    margin-top: 60px;
    float: right;
}
.imagenSalsamentaria img{
    border-radius: 10px;
}

/*************************Estilo listas videos******************************/

.rss {
   margin: 0;   
   padding: 0;
   list-style-type:none;
}
.rss li {
   background: #fff url("../Images/icono-video.gif") 0 3px no-repeat;
   padding: 0 0 5px 25px;
}
.rss li:hover {  
    text-decoration:underline;
    cursor:pointer;
}
.video {  
    background-color: #000;
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    border-radius: 20px;
}